//公共css
@for $i from 1 to 4 {
	.border#{$i} {
		border: #{$i}rpx solid #e9e9e9;
	}
}
@for $i from 1 to 10 {
	.letter-spacing#{$i} {
		letter-spacing: #{$i}rpx;
	}
}
@for $i from 1 to 10 {
	.font-w#{$i} {
		font-weight: #{$i * 100};
	}
}
@for $i from 1 to 100 {
	.font#{$i} {
		font-size: #{$i}rpx;
	}
}
@for $i from 1 to 100 {
	.margin-top#{$i} {
		margin-top: #{$i}rpx;
	}
	.margin-left#{$i} {
		margin-left: #{$i}rpx;
	}
	.margin-right#{$i} {
		margin-right: #{$i}rpx;
	}
	.margin-bottom#{$i} {
		margin-bottom: #{$i}rpx;
	}
	.margin#{$i} {
		margin: #{$i}rpx;
	}
	.padding#{$i} {
		padding: #{$i}rpx;
	}
	.padding-top#{$i} {
		padding-top: #{$i}rpx;
	}
	.padding-left#{$i} {
		padding-left: #{$i}rpx;
	}
	.padding-right#{$i} {
		padding-right: #{$i}rpx;
	}
	.padding-bottom#{$i} {
		padding-bottom: #{$i}rpx;
	}
	.font-size#{$i} {
		font-size: #{$i}rpx;
	}
}
.flex {
	display: flex;
}
.flex-direction-column {
	flex-direction: column;
}
.justify-content-between {
	justify-content: space-between;
}
.justify-content-around {
	justify-content: space-around;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-right {
	justify-content: right;
}
.align-items {
	align-items: center;
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}
.flex-wrap {
	flex-wrap: wrap;
}
.margin-auto {
	margin: 0 auto;
}

//aaa
.page_padding {
	padding: 20rpx;
}

view {
	box-sizing: border-box;
}

.msg {
	border: 1px solid red;
}
.text {
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
}

.bold {
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
}

.text-shadow {
	box-shadow: 0rpx -10rpx 10rpx 0rpx #feb548 inset;
	width: fit-content;
}

.dis_wrap {
	display: flex;
	flex-wrap: wrap;
}

.dis-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hidden {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.dis_col_center {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.dis_row_center {
	display: flex;
	align-items: center;
}

.pos_static{
	position: sticky;
	bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	/* iOS 11.0 */
	padding-bottom: env(safe-area-inset-bottom);
	/* iOS 11.2 */
}
